<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/Productlist.css">
    <title>商品列表</title>
</head>

<body>
    <!-- 右侧固定栏 -->
    <div class="right-fixed">
        <ul class="right-fixed-list">
            <a href="personal.html">
                <li>
                    <span></span>
                </li>
            </a>
            <li>
                <a href="cart.html">
                    <span></span>
                    <span>购
                        <br>
                        &emsp;&nbsp;物
                        <br>
                        &emsp;&nbsp;车</span>
                </a>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
            <li>
                <span></span>
            </li>
        </ul>
    </div>
    <!-- 顶部 -->
    <div class="top">
        <div class="top-box">
            <div class="top-left">
                <span>欢迎来到聚美!</span>&emsp;&emsp;
                <span>请登录</span>&emsp;
                <span>快速注册</span>
            </div>
            <div class="top-right">
                <span>订单查询</span>
                <span>
                    <s></s>
                    收藏的品牌</span>
                <div class="my">
                    <span>我的聚美v</span>
                    <ul class="my-list">
                        <a href="">
                            <li>我的订单</li>
                        </a>
                        <a href="">
                            <li>我的现金券</li>
                        </a>
                        <a href="">
                            <li>我的红包</li>
                        </a>
                        <a href="">
                            <li>我的余额</li>
                        </a>
                        <a href="">
                            <li>我的提现退款</li>
                        </a>
                        <a href="">
                            <li>我的收藏</li>
                        </a>
                        <a href="">
                            <li>我的心愿单</li>
                        </a>
                        <a href="">
                            <li>会员中心</li>
                        </a>
                        <a href="">
                            <li>礼品卡兑换</li>
                        </a>
                    </ul>
                </div>
                <span>
                    <i></i>手机聚美</span>
                <div class="more">
                    <span>更多v</span>
                    <ul class="more-list">
                        <a href="">
                            <li>邀请好友</li>
                        </a>
                        <a href="">
                            <li>加入收藏</li>
                        </a>
                        <a href="">
                            <li>新浪微博</li>
                        </a>
                        <a href="">
                            <li>聚美微信</li>
                        </a>
                        <a href="">
                            <li>百度贴吧</li>
                        </a>
                        <a href="">
                            <li>腾讯微博</li>
                        </a>
                        <a href="">
                            <li>人人公众主页</li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索部分 -->
    <div class="search-bigbox">
        <div class="search-box">
            <div class="logo"></div>
            <!-- 搜索框 -->
            <div>
                <input class="search" type="text" value="">
                <input class="search-word" value="搜索" type="button"></div>
            <ul id="list">

            </ul>
            <ul class="search-list">
                <a href="">
                    <li>保湿</li>
                </a>
                <a href="">
                    <li>面膜</li>
                </a>
                <a href="">
                    <li>洗面奶</li>
                </a>
                <a href="">
                    <li>补水</li>
                </a>
                <a href="">
                    <li>香水</li>
                </a>
                <a href="">
                    <li>眼霜</li>
                </a>
                <a href="">
                    <li>口红</li>
                </a>
                <a href="">
                    <li>护肤套装</li>
                </a>
                <a href="">
                    <li>BB霜</li>
                </a>
            </ul>

        </div>
        <a href="cart.html">
            <div class="balance">
                <div class="balance-img">
                    <img src="http://p0.jmstatic.com/assets/cart.gif" alt="">
                </div>
                <div class="balance-word">去购物车结算</div>
        </a>
    </div>
    </div>
    </div>
    <!-- 导航栏部分 -->
    <div class="nav-box">
        <div class="nav">
            <div class="nav-left">
                <ul class="nav-list">
                    <a href="index.html">
                        <li>首页</li>
                    </a>
                    <a href="">
                        <li>极速免税店<img src="	http://s0.jmstatic.com/templates/jumei/images/fly301.jpg" alt=""></li>
                    </a><a href="">
                        <li>母婴特卖</li>
                    </a><a href="javascript:void(0)">
                        <li>美妆商城v</li>
                    </a><a href="">
                        <li>服装运动</li>
                    </a>
                    <a href="">
                        <li>鞋包服饰</li>
                    </a>
                    <a href="">
                        <li>正品保证v</li>
                    </a>
                </ul>
            </div>
            <div class="nav-right">
                <img src="http://a3.jmstatic.com/0d4bbfe600f8d38b/z_01new.jpg" alt="">
                <img src="http://s0.jmstatic.com/templates/jumei/images/newhome/z02.jpg" alt="">
                <img src="http://a1.jmstatic.com/79ab7f2d9d35ac68/z03.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 列表部分 -->
    <div class="list">
        <div class="list1">
            <h3>在<span>保湿</span>中筛选</h3>
        </div>
        <div class="list2">
            <div class="list2-left">
                <p>品牌：</p>
            </div>
            <div class="list2-right">
                <ul class="list2-right-list">
                    <a href="">
                        <li>美即</li>
                    </a>
                    <a href="">
                        <li>SexyLook</li>
                    </a>
                    <a href="">
                        <li>巨型一号</li>
                    </a>
                    <a href="">
                        <li>我的美丽日记</li>
                    </a>
                    <a href="">
                        <li>JMsolution</li>
                    </a>
                    <a href="">
                        <li>珀莱雅</li>
                    </a>
                    <a href="">
                        <li>薇诺娜</li>
                    </a>
                    <a href="">
                        <li>兰蔻</li>
                    </a>
                    <a href="">
                        <li>小迷糊</li>
                    </a>
                    <a href="">
                        <li>ANNABELLA</li>
                    </a>
                    <a href="">
                        <li>
                            <img src="	http://s0.jmstatic.com/templates/jumei/images/multi_choose_orgi.jpg" alt="">
                        </li>
                    </a>
                    <a href="">
                        <li>展开v</li>
                    </a>
                    <a href="">
                        <li>RAY</li>
                    </a>
                    <a href="">
                        <li>爱和纯</li>
                    </a>
                    <a href="">
                        <li>膜法世家</li>
                    </a>
                    <a href="">
                        <li>后</li>
                    </a>
                    <a href="">
                        <li>蒂佳婷</li>
                    </a>
                    <a href="">
                        <li>Shining Nature</li>
                    </a>
                    <a href="">
                        <li>PurityAHC</li>
                    </a>
                    <a href="">
                        <li>泊美</li>
                    </a>
                    <a href="">
                        <li>雅芳</li>
                    </a>
                    <a href="">
                        <li>欧莱雅</li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="list2">
            <div class="list2-left">
                <p>分类：</p>
            </div>
            <div class="list2-right">
                <ul class="list2-right-list">
                    <a href="">
                        <li>化妆品</li>
                    </a>
                    <a href="">
                        <li>母婴</li>
                    </a>
                    <a href="">
                        <li>健康</li>
                    </a>
                    <a href="">
                        <li>家居</li>
                    </a>
                    <a href="">
                        <li>食品保健</li>
                    </a>
                    <a href="">
                        <li>3C</li>
                    </a>
                    <a href="">
                        <li> 饰品配饰</li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="list3">
            <div class="list3-left">
                <p>功效：</p>
            </div>
            <div class="list3-right">
                <ul class="list3-right-list">
                    <a href="">
                        <li>保湿</li>
                    </a>
                    <a href="">
                        <li>滋润</li>
                    </a>
                    <a href="">
                        <li>补水</li>
                    </a>
                    <a href="">
                        <li>修护</li>
                    </a>
                    <a href="">
                        <li>紧致</li>
                    </a>
                    <a href="">
                        <li>舒缓</li>
                    </a>
                    <a href="">
                        <li>修护肌肤</li>
                    </a>
                    <a href="">
                        <li>清洁</li>
                    </a>
                    <a href="">
                        <li>嫩肤</li>
                    </a>
                    <a href="">
                        <li>
                            <img src="	http://s0.jmstatic.com/templates/jumei/images/multi_choose_orgi.jpg" alt="">
                        </li>
                    </a>

                    <a href="">
                        <li>展开v</li>
                    </a>
                    <a href="">
                        <li>控油</li>
                    </a>
                    <a href="">
                        <li>柔肤</li>
                    </a>
                    <a href="">
                        <li>均匀肤色</li>
                    </a>
                    <a href="">
                        <li>美白</li>
                    </a>
                    <a href="">
                        <li>抗皱</li>
                    </a>
                    <a href="">
                        <li>抗衰老</li>
                    </a>
                    <a href="">
                        <li>温和</li>
                    </a>
                    <a href="">
                        <li>清爽</li>
                    </a>
                    <a href="">
                        <li> 收敛毛孔</li>
                    </a>
                </ul>
            </div>
        </div>
        <div class="list2">
            <div class="list2-left">
                <p>价格：</p>
            </div>
            <div class="list2-right">
                <ul class="list2-right-list">
                    <a href="">
                        <li>0-229元</li>
                    </a>
                    <a href="">
                        <li>230-559元</li>
                    </a>
                    <a href="">
                        <li>560-1299元</li>
                    </a>
                    <a href="">
                        <li>1300-2099元</li>
                    </a>
                    <a href="">
                        <li2100元以上</li> </a> <a href="">
                            <li>
                                <img src="http://s0.jmstatic.com/templates/jumei/images/multi_choose_orgi.jpg" alt="">
                            </li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
    <!-- 图片部分 -->
    <div class="picture-box">
        <div class="picture-nav">
            <ul class="picture-list">
                <a href="javascript:void(0)">
                    <li>排序：</li>
                </a>
                <a href="javascript:void(0)">
                    <li>默认</li>
                </a>
                <a href="javascript:void(0)">
                    <li>价格</li>
                </a>
                <a href="javascript:void(0)">
                    <li>销量</li>
                </a>
                <a href="javascript:void(0)">
                    <li>人气</li>
                </a>
                <a href="javascript:void(0)">
                    <li>上架时间</li>
                </a>
                <a href="javascript:void(0)">
                    <li>只看特卖</li>
                </a>
            </ul>
            <div class="picture-right">
                <p>共<span>9536</span>个商品</p>
                <p>1/265页</p>
                <p class="lastpage">上一页</p>
                <p class="nextpage">下一页</p>
            </div>
            <!-- 图片渲染区域 -->
            <div id="cont">
                <p>卖完了...</p>
            </div>
            <!-- 翻页 -->
            <div class="page-box">
                <div class="page-box1">1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
                <div>7</div>
                <div>8</div>
                <div>9</div>
                <p>...</p>
                <div>264</div>
                <div>265</div>
                <div>下一页</div>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="footer">
        <div class="footer1">
            <dl>
                <dt></dt>
                <dd>值得信赖美妆电商</dd>
                <p>四千万用户信赖</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>成功在美上市</dd>
                <p> 股票代码NYSE:JMEI</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>品牌防伪码</dd>
                <p>支持品牌官网验真</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>百万用户口碑</dd>
                <p>帮您只选对的，不选贵的</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>订单闪电发货</dd>
                <p>1.5小时订单极速出货</p>
            </dl>
            <dl>
                <dt></dt>
                <dd>大牌明星热荐</dd>
                <p>打造精致明星脸</p>
            </dl>
        </div>
        <div class="footer2">
            <div class="server">
                <h5>服务保障</h5>
                <p>品牌真品防伪码</p>
                <p>总裁邮箱ceo@jumei.com</p>
                <p>专属客服服务</p>
            </div>
            <div class="server">
                <h5>使用帮助</h5>
                <p>新手指南</p>
                <p>常见问题</p>
                <p>帮助中心</p>
                <p>用户协议</p>
                <p>公示制度</p>
                <p>聚美隐私权政策</p>
                <p>个人信息管理规则</p>
                <p>意见反馈及投诉举报规则</p>
                <p>知识产权维权处理规则</p>
                <p>评价管理规则</p>
            </div>
            <div class="server">
                <h5>支付方式</h5>
                <p>货到付款</p>
                <p>在线支付</p>
                <p>余额支付</p>
                <p>现金券支付</p>
            </div>
            <div class="server">
                <h5>配送方式</h5>
                <p>包邮政策</p>
                <p>配送说明</p>
                <p>运费说明</p>
                <p>验货签收</p>
            </div>
            <div class="server">
                <h5>售后服务</h5>
                <p>正品承诺</p>
                <p>售后资讯</p>
                <p>退货政策</p>
                <p>退货办理</p>
            </div>
            <div class="server">
                <h5>手机聚美</h5>
                <i></i>
                <p>下载移动客户端</p>
            </div>
            <div class="server">
                <h5>聚美微信</h5>
                <strong></strong>
                <p>下载移动客户端</p>
            </div>
        </div>
        <div class="footer-img">
            <img src="http://a1.jmstatic.com/07c1f8519c836ade/footer_dy.jpg" alt="">
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="about-box">
        <ul class="about-list">
            <a href="">
                <li>关于聚美优品</li>
            </a>
            <a href="">
                <li> INVESTOR RELATIONS</li>
            </a>
            <a href="">
                <li>合作招商</li>
            </a>
            <a href="">
                <li>获取更新</li>
            </a>
            <a href="">
                <li>加入聚美</li>
            </a>
            <a href="">
                <li>品牌合作专区</li>
            </a>
            <a href="">
                <li>媒体报道</li>
            </a>
            <a href="">
                <li>商务合作</li>
            </a>
        </ul>
    </div>
    <div class="footer-copy-box">
        <div class="footer-copy">
            <p>COPYRIGHT © 2010-2019 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-011-0888</p>
            <p> 京公网安备 11010102001226 | 京ICP证111033号 | 食品经营许可证 | 营业执照 | ICP许可证 | 出版物经营许可证 | 第二类医疗器械经营备案凭证 |
                网络食品交易第三方平台提供者备案信息表 | 增值电信业务经营许可证</p>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</body>
<script src="ajax.js"></script>
<script src="js/cookie.js"></script>
<script src="js/Productlist.js"></script>
</html>